<template>
  <div>
  <md-card >
    <md-card-header data-background-color="green">
      <h5 class="title">家庭紧急联系人1</h5>
    </md-card-header>
    <md-card-content>
      <div class="md-layout">
        <DataItem title="姓名" :datacolumn="formdata.appUrgencyName"></DataItem>
        <DataItem title="联系电话" :datacolumn="formdata.appUrgencyTel"></DataItem>
        <DataItem title="与申请人关系" :datacolumn="formdata.appUrgencyRelationCd"></DataItem>
        <DataItem title="关系描述" :datacolumn="formdata.appUrgencyRelationCd"></DataItem>
      </div>
    </md-card-content>
  </md-card>
  <md-card >
    <md-card-header data-background-color="green">
      <h5 class="title">家庭紧急联系人2</h5>
    </md-card-header>
    <md-card-content>
      <div class="md-layout">
        <DataItem title="姓名" :datacolumn="formdata.appUrgency2Name"></DataItem>
        <DataItem title="联系电话" :datacolumn="formdata.appUrgency2Tel"></DataItem>
        <DataItem title="与申请人关系" :datacolumn="formdata.appUrgency2RelationCd"></DataItem>
        <DataItem title="关系描述" :datacolumn="formdata.appUrgency2Relation"></DataItem>
      </div>
    </md-card-content>
  </md-card>
  <md-card >
    <md-card-header data-background-color="green">
      <h5 class="title">工作紧急联系人</h5>
    </md-card-header>
    <md-card-content>
      <div class="md-layout">
        <DataItem title="姓名" :datacolumn="formdata.appUrgency3Name"></DataItem>
        <DataItem title="联系电话" :datacolumn="formdata.appUrgency3Tel"></DataItem>
        <DataItem title="与申请人关系" :datacolumn="formdata.appUrgency3RelationCd"></DataItem>
        <DataItem title="关系描述" :datacolumn="formdata.appUrgency3Relation"></DataItem>
      </div>
    </md-card-content>
  </md-card>
  </div>
</template>
<script>
import DataItem from './DataItem.vue'

export default {
  components: {
    DataItem
  },
  props: {
    formdata: {}
  },
  data () {
    return {
      finRiskExposure: '',
      finRiskExposureRate: ''
    }
  }

}
</script>
